import { PageContainer } from '@ant-design/pro-components';
import { Col, Row, Space } from 'antd';
import './index.less';

const HomePage: React.FC = () => {
  return (
    <PageContainer
      header={{
        title: '页面标题',
        ghost: true,
        breadcrumb: {
          items: [
            {
              path: '/home',
              title: '系统首页',
            },
          ],
        },
      }}
    >
      <Space direction="vertical" style={{ display: 'flex' }}>
        <Row gutter={20}>
          <Col span={12}>
            <div className="item"></div>
          </Col>
          <Col span={12}>
            <div className="item"></div>
          </Col>
        </Row>
        <Row gutter={20}>
          <Col span={8}>
            <div className="item"></div>
          </Col>
          <Col span={8}>
            <div className="item"></div>
          </Col>
          <Col span={8}>
            <div className="item"></div>
          </Col>
        </Row>
        <Row gutter={20}>
          <Col span={6}>
            <div className="item"></div>
          </Col>
          <Col span={6}>
            <div className="item"></div>
          </Col>
          <Col span={6}>
            <div className="item"></div>
          </Col>
          <Col span={6}>
            <div className="item"></div>
          </Col>
        </Row>
      </Space>
    </PageContainer>
  );
};

export default HomePage;
